﻿<style>
    .img-full {
        /*max-height: 720px;
        max-width: 640px;
        width: expression(this.width > 640 && this.height < this.width ? 640: true);
        height: expression(this.height > 720 ? 720: true);*/
        max-height: 600px;
    }

    .tab-container .tab-content {
        padding: 0px;
        border:none;
    }
    .img-hf {
    margin-top:-25px;
    margin-right:-15px;
    
    }
</style>


<!--<ul id="wrapper" ng-iscroll>
    <li style="float:left">1231231</li>
    <li style="float:left">1231231</li>
    <li style="float:left">1231231</li>
    <li style="float:left">1231231</li>
    <li style="float:left">1231231</li>
    <li style="float:left">1231231</li>
    <li style="float:left">1231231</li>
    <li style="float:left">1231231</li>
</ul>-->

<div class="tl-content panel padder b-a block">
    <div class="panel-body pull-in b-light ">

        <div>
            <img src="img/a3.png" class="img-full">
        </div>
        <div class="wrapper-lg">
            <div>
                <p>
                    当时有专家分析，万达购入西班牙大厦的时机，正处在国内房地产调整周期与经济下滑及海外楼市上升期，万达逆周期进入海外楼市，投资回报高于国内，做了笔“好买卖”。
                    万达“出海”置地，自然不会任由大厦空置下去。据报道，万达按计划会将西班牙大厦改建为一家拥有200间客房的豪华酒店、高级商场和300个住宅公寓的综合性物业，预计建筑面积约为83228平方米。
                    然而，万达的改建计划却遭到了来自马德里政府和某些市民的阻力。矛盾焦点在于大厦正面外墙墙体的存废问题。

                </p>
               
            </div>
            <div class="line line-lg b-light"></div>
            <div class="text-lt m-b-sm">
                <a href="" class="avatar thumb-xs m-r-xs">
                    <img src="img/a3.png" alt="">
                    <i class="on b-white left"></i>
                </a>
                <span>好学生</span>
            </div>
        </div>

        <div class="line line-lg b-b b-light"></div>
        <div class="m-b m-t">
            <a href="" class="avatar thumb-xs m-r-xs">
                <img src="img/a4.png" alt="...">
                <i class="on b-white left"></i>
            </a>
            <a href="" class="avatar thumb-xs m-r-xs">
                <img src="img/a5.png" alt="...">
                <i class="busy b-white left"></i>
            </a>
            <a href="" class="avatar thumb-xs m-r-xs">
                <img src="img/a6.png" alt="...">
                <i class="away b-white left"></i>
            </a>
            <a href="" class="avatar thumb-xs m-r-xs">
                <img src="img/a7.png" alt="...">
                <i class="on b-white left"></i>
            </a>

            <!--<a href="" class="btn btn-success btn-rounded font-bold"> <i class="icon-heart"></i> 152 赞</a>-->

        </div>
        <p>
            <button class="btn btn-default" onclick="if ($('#pl').css('display')=='none'){$('#pl').show()}else{$('#pl').hide()}">

                <span class="text">评论</span>

            </button>
            <a class="btn btn-default" ui-toggle-class="button">
                <i class="fa fa-heart-o text"></i>
                <i class="fa fa-heart text-active text-danger"></i>
            </a>
            <a class="btn btn-default" ui-toggle-class="button">
                <span class="text">
                    <i class="fa fa-thumbs-up "></i> 25
                </span>
                <span class="text-active">
                    <i class="fa fa-thumbs-up text-danger"></i> 26
                </span>
            </a>
            <a class="btn btn-default" ui-toggle-class="button">
                <span class="text">
                    <i class="icon-star"></i>
                </span>
                <span class="text-active">
                    <i class="icon-star text-warning"></i>
                </span>
            </a>
            <i class="fa fa-spin fa-spinner hide" id="spin"></i>
        </p>
        <div id="pl" style="display:block;" class="panel panel-default m-t-md m-b-n-sm">

            <form class="ng-pristine ng-valid">
                <textarea class="form-control no-border" rows="3" placeholder="说点想说的"></textarea>
            </form>
            <div class="panel-footer bg-light lter">
                <button class="btn btn-info pull-right btn-sm">保存</button>
                <ul class="nav nav-pills nav-sm">
                    <li><a href=""><i class="fa fa-camera text-muted"></i></a></li>
                    <li><a href=""><i class="fa fa-video-camera text-muted"></i></a></li>
                </ul>
            </div>
        </div>

    </div>
</div>